<%--
    Document   : usuarioUpdateFoto
    Created on : 19/07/2013, 22:28:11
    Author     : Max
    Description:
        Esse documento JSP é utilizado para
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="interfaceHead.jsp" %>
    </head>

    <body>
        <div class="nonFooter">
            <%--HEADER--%>
            <%@include file="interfaceHeader.jsp" %>

            <%--MAIN--%>
            <div id="main" class="container">
                <div class="row">
                    <nav class="span3">
                        <%@include file="interfaceNavigation.jsp" %>
                    </nav>
                    <div class="span9">
                        <h1>Alterar Imagem</h1>
                        <%@include file="interfaceMessages.jsp" %>
                        <p>
                            Por favor, utilize uma de no máximo 140 x 140 pixels. Para melhor apresentação, utilize uma imagem quadrada.
                        </p>
                        <form action="" method="post"
                              class="well form-validate">
                            <div class="fileupload fileupload-new" data-provides="fileupload">
                                <div class="fileupload-new thumbnail">
                                    <img src="../img/user-avatar.svg" alt="Foto de usuário"/>
                                </div>
                                <div class="fileupload-preview fileupload-exists thumbnail user-avatar">

                                </div>
                                <div>
                                    <span class="btn btn-file">
                                        <span class="fileupload-new">Escolher imagem</span>
                                        <span class="fileupload-exists">Alterar</span>
                                        <input type="file" name="foto" accept="image/*"/>
                                    </span>
                                    <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remover</a>
                                </div>
                            </div>

                            <div class="form-actions">
                                <button type="submit" name="action" value="create"
                                        class="btn btn-large btn-primary">
                                    Salvar
                                </button>
                            </div>

                        </form>

                    </div>

                </div>
            </div>

            <%--StickyFooter--%>
            <div id="push"></div>
        </div>
        <%@include file="interfaceFooter.jsp" %>
    </body>
</html>

